/*
--------------------------------
  index
--------------------------------
*/


/* ---- banner ---- */
.banner {
    width: 100%;
    position: relative;
}

.picScroll-left{ height: 465px; overflow:hidden; position:relative; margin-left: -960px; left:50%;}
/* .picScroll-left .bd {width: 100%;} */
.picScroll-left .bd ul{ overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; width:1920px;}
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:100%; height:465px; position:relative; }


.picScroll-left .hd{ overflow:hidden; width: 1920px;  height:30px; position: absolute; bottom: 10px; left: 0; z-index:10; text-align: center;}
.picScroll-left .hd ul{ display: inline-block; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:40px; height: 6px; overflow:hidden; margin: 0 15px; text-indent:-999px; cursor:pointer;  background: #fff; opacity: 0.5; border-radius: 5px; filter:alpha(opacity=50); box-shadow: 3px 3px 3px rgba(0,0,0,.8)}
.picScroll-left .hd ul li.on{ background-color: #fff; opacity: 1; filter:alpha(opacity=100);}

/* ---- article_Introduction ---- */

.introduction_con {
    width: 100%;
    background: #f9f9f9;
}

.introduction_title {
    padding: 50px 0;
    text-align: center;
    font-size: 34px;
    font-weight: 700;

}
.detail_top_box {
    float: left;
    width: 280px;
    height: 128px;
    padding-left: 65px;
    border: 1px solid #e8e8e8;
    background-color: #fff;
}

.box_bg_1, .box_bg_2, .box_bg_3, .box_bg_4 {
    font-size: 36px;
    padding: 25px 0 16px;
    background-image: url("../images/index/icon_bg.png");
    background-repeat: no-repeat;
}

.box_bg_1 {
    background-position: 142px 4px;
}

.box_bg_2 {
    background-position: -165px 4px;    
}

.box_bg_3 {
    background-position: -475px 4px;    
}

.box_bg_4 {
    background-position: -782px 4px;    
}

.detail_top_box.detail_top_box_last {
    float: right;
}

.detail_bottom {
    padding: 30px 0 75px;
}

.detail_bottom_box {
    width: 572px;
    height: 166px;
    line-height: 166px;
    border: 1px solid #e8e8e8;
    text-indent: 40px;
}

.detail_bottom_box:first-child {
    background: transparent url("../images/index/detail_bg_01.png") no-repeat 0 0;
}

.detail_bottom_box_last {
    background: transparent url("../images/index/detail_bg_02.png") no-repeat 0 0;
}

/* ---- article_Service ---- */

.service_con {
    background: transparent url("../images/index/serve_main.png") no-repeat center top;
}

.service_title {
    padding: 60px 0 14px;
}

.service_border {
    width: 74px;
    height: 2px;
    margin-bottom: 14px;
    background: #6f8cb3;
}

.service_info {
    line-height: 36px;
    padding: 58px 124px 58px 104px;
}

/* .service_det_con {
    margin-bottom: 60px;
} */

.service_det {
    float: left;
    position: relative;
    width: 232px;
    height: 292px;
    margin: 0 5px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    -webkit-transition: box-shadow 200ms linear 100ms;
    -moz-transition: box-shadow 200ms linear 100ms;
    -o-transition: box-shadow 200ms linear 100ms;
    -ms-transition: box-shadow 200ms linear 100ms;
    transition: box-shadow 200ms linear 100ms;
}

.service_det:hover {
    box-shadow: 6px 6px 10px rgba(51,51,51,.3);
}

.service_det_pic {
    width: 100%;
    height: 80px;
    position: absolute;
    top: 33px;
    -webkit-transition: top 200ms linear 100ms;
    -moz-transition: top 200ms linear 100ms;
    -o-transition: top 200ms linear 100ms;
    -ms-transition: top 200ms linear 100ms;
    transition: top 200ms linear 100ms;
}

.service_det_pic img{
    margin: 0 auto;
}

.service_det_tip {
    width: 100%;
    position: absolute;
    top: 152px;
    -webkit-transition: top 200ms linear 100ms;
    -moz-transition: top 200ms linear 100ms;
    -o-transition: top 200ms linear 100ms;
    -ms-transition: top 200ms linear 100ms;
    transition: top 200ms linear 100ms;        
}

.service_det_info {
    width: 100%;
    position: absolute;
    top: 208px;
    -webkit-transition: top 200ms linear 100ms;
    -moz-transition: top 200ms linear 100ms;
    -o-transition: top 200ms linear 100ms;
    -ms-transition: top 200ms linear 100ms;
    transition: top 200ms linear 100ms;    
}

.service_det_btn {
    position: absolute;
    bottom: 36px;
    left:50%;
    margin-left: -62px;
    width: 124px;
    height: 0;
    overflow: hidden;
    line-height: 52px;
    border-radius: 5px;
    background: -webkit-linear-gradient(top,#e33343 0,#b62a37 100%);
    background: -moz-linear-gradient(top,#e33343 0,#b62a37 100%);
    background: -o-linear-gradient(top,#e33343 0,#b62a37 100%);
    background: linear-gradient(to bottom,#e33343 0,#b62a37 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e33343,endColorstr=#b62a37,GradientType=0);
    -webkit-transition: height 200ms linear 100ms;
    -moz-transition: height 200ms linear 100ms;
    -o-transition: height 200ms linear 100ms;
    -ms-transition: height 200ms linear 100ms;
    transition: height 200ms linear 100ms;    
}

.service_det:hover > .service_det_pic {
    /* margin-top: 18px; */
    top: 18px;
}

.service_det:hover > .service_det_tip {
    top: 120px;
    /* padding-top: 24px; */
    /* padding-bottom: 18px; */
}

.service_det:hover > .service_det_info {
    top: 165px;
}

.service_det:hover > .service_btn_con {
    display: block;
}

.service_det:hover .service_det_btn {
    height: 52px;
    cursor: pointer;
}

/* ---- article_Solution ---- */
.solution_bottom_box {
    margin-top: 44px;
}
.solution_wrap{
    width: 100%;
    height: 450px;
    overflow: hidden;
}

.solution_wrap li{
    float: left;
    width: 283px;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
}

.solution_wrap li.checked{
    width: 632px;
}

.solution_wrap .hover .solution_det_tip {
    text-align: center;
}

.solution_wrap .checked .solution_det {
    display: block;
}

.solution_pic_con {
    position: relative;
    height: 100%;
    padding: 0 40px;
}

.solution_pic_con.hover {
    background-color: #c02c39;
    background-color: rgba(214,48,63, .8);
}

.solution_pic_con.hover .solution_det_tip {
    text-align: center;
}

.solution_pic_con.hover .solution_border {
    margin: 8px auto 20px;
}

.solution_pic_01 {
    background: transparent url("../images/index/solution_01.png") no-repeat left top;
}

.solution_pic_02 {
    background: transparent url("../images/index/solution_02.png") no-repeat left top;
}

.solution_pic_03 {
    background: transparent url("../images/index/solution_03.png") no-repeat left top;
}

.solution_det_tip {
    padding-top: 106px;
    letter-spacing: 2px;
}

.solution_border {
    width: 26px;
    height: 4px;
    margin: 8px 0 20px;
    background-color: #fff;
}

.solution_det {
    display: none;
}

.solution_info {
    width: 552px;
    padding: 0 18px;
    line-height: 28px;
    font-size: 18px;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;    
}

.solution_btn {
    position: absolute;
    bottom: 93px;
    left: 263px;
    width: 98px;
    height: 42px;
    margin: 84px auto 0;
    line-height: 42px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 4px;
    letter-spacing: 2px;
    text-align: center;
    cursor: pointer;
}

/* ---- article_News ---- */

.news_bottom_box {
    width: 100%;
    margin: 60px 0 74px;
}

.news_bottom_left {
    position: relative;
    width: 600px;
}

.news_left_top {
    width:  100%;
    height: 197px;
    background: transparent url("../images/news/news_26_index.png") no-repeat center top;
    cursor: pointer;
    background-size: 100% 100%;
}

.news_left_bottom {
    float: right;
    position: relative;
    width: 576px;
    height: 110px;
    padding: 0 10px 0 44px;
    margin-top: 24px;
    border: 1px solid #e8e8e8;
    cursor: pointer;
    background: transparent url("../images/index/news_detail.png") no-repeat 510px 78px;
}

.news_data {
    position: absolute;
    bottom: 15px;
    left: 0;
}

.news_data_year {
    padding-bottom: 4px;
}

.news_day_con {
    width: 45px;
    height: 58px;
    text-align: center;
}

.news_day_con div:first-child {
    padding: 7px 0 6px;
}

.news_tip {
    padding: 16px 0 8px;
    text-align: center;
}

.news_tip_detail {
    line-height: 24px; 
    max-height: 48px;
    letter-spacing: 1px;
}

/* 
动态页面是需要此css或者js操控

.news_tip_detail{
    position: relative; 
    line-height: 24px; 
    max-height: 48px;
    overflow: hidden;
}

.news_tip_detail:after{
    content: "..."; 
    position: absolute; 
    bottom: 0; 
    right: 0; 
    padding-left: 20px;
    background: -webkit-linear-gradient(to right, transparent, #fff 55%);
    background: -o-linear-gradient(to right, transparent, #fff 55%);
    background: -moz-linear-gradient(to right, transparent, #fff 55%);
    background: linear-gradient(to right, transparent, #fff 55%);
} */

.news_bottom_right {
    width: 550px;
}

.news_tab li{
    float: left;
    position: relative;
    width: 130px;
    height: 40px;
    margin-right: 16px;
    line-height: 42px;
    font-size: 22px;
    text-align: center;
    background-color: #f9f9fb;
    cursor: pointer;
}

.news_tab li.news_checked {
    border-top: 2px solid #ee1c25;    
}

.news_tab li.news_checked:after {
    content: "."; 
    overflow: hidden;
    position: absolute; 
    top: 0; 
    left: 50%; 
    width: 0; 
    height: 0; 
    margin-left: -2px;
    border-left: 5px solid transparent; 
    border-right: 5px solid transparent; 
    border-top: 6px solid red; 
}

.news_tab_con {
    margin-top: 12px;
}

.companyNews, .industryNews {
    display: none;
}

.companyNews li, .industryNews li {
    cursor: pointer;
}

.companyNews li:hover, .industryNews li:hover {
    background-position-x: 3px;
    box-shadow: 0px 0px 10px rgba(51,51,51,.5);
}

.companyNews.info_checked, .industryNews.info_checked {
    display: block;
}

.news_detail {
    height: 46px;
    line-height: 46px;
    padding-left: 32px;
    background: transparent url("../images/index/news_icon.png") no-repeat left center;
    border-bottom: 1px solid #e8e8e8;
}

.news_detail_info {
    width: 370px;
}

.news_detail_date {
    width: 120px;
}